@media all {
    body[data-layout-mode=horizontal] .content-page {
        padding: 5px 15px 65px 15px;
    }

    body[data-layout-mode=horizontal] .container-fluid {
        max-width: 99%;
    }

    html {
        overflow-y: scroll;
    }

    .font-responsive {
        font-size: 2vh;
    }
}

.dropify-wrapper .dropify-preview .dropify-render img {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: relative;
    max-width: 100%;
    max-height: 100%;
    background-color: transparent !important;
    -webkit-transition: border-color .15s linear;
    transition: border-color .15s linear;
}


.bordered-custom {
    border-style: solid;
    border-width: 1px;
    border-color: #485561;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #36404a;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media (min-width: 1200px) {
    .container-fluid {
        max-width: 99%;
    }
}

.table-sm td, .table-sm th {
    padding: .3rem;
}

.wrapper {
    padding: 70px 12px 0 12px;
}

.element-justify-end-mt-mb {
    display: flex;
    justify-content: flex-end;
    margin: 0.5rem 0 1rem 0;
}

#navigation {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    display: none;
    height: auto;
    padding-bottom: 0;
    overflow: auto;
    -webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    box-shadow: 0 0 35px 0 rgba(154, 161, 171, .15);
    background-color: #fff;
    z-index: 99999999 !important;
}

#navigation .menu-mobile {
    float: none;
    max-height: 400px;
    text-align: left;
}

.menu-mobile {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 0px;
}

.menu-mobile li {
    list-style-type: none;
    margin: 1rem 0 1rem 1rem;
}

#navigation .menu-mobile > li > a {
    color: #485561;
    padding: 5px;
}

#navigation .menu-mobile > li > .submenu {
    position: relative;
    list-style: none;
    padding-left: 20px;
    margin: 0;
}

#navigation .menu-mobile > li > .submenu a {
    color: #98a6ad;
}

#navigation .menu-mobile > li > .submenu a:hover {
    color: #485561;
}

th {
    font-weight: 500;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: transparent !important;
    cursor: default;
}

.apexcharts-track path {
    stroke: #f86262;
}

.w-33 {
    width: 33.33% !important;
}

.img-h-50 {
    max-height: 50px;
    width: auto;
}

.text-dark {
    color: black !important;
}

.display-nome {
    display: none;
}

.table td, .table th {
    padding: .2rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.bg-soft-danger {
    background-color: rgba(248, 98, 98, .10) !important;
}

.bg-soft-success {
    background-color: rgba(68, 207, 156, .10) !important;
}

.custom-widget-box {
    background-color: #F2F7FC;
    border-radius: 5px;
}

.custom-widget-box:hover {
    background-color: #DEEBF7;
}

.font-10 {
    font-size: 10px;
}

.popover-header {
    padding: .7rem .8rem;
    margin-bottom: 0;
    font-size: .875rem;
    background-color: #6658dd;
    border-bottom: 1px solid #e2ecf1;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    color: #fff;
}

.popover-body {
    padding: .7rem .8rem;
    color: #6c757d;
    font-weight: 700;
}

.popover-body p {
    padding: 3px;
    margin: 0;
}

.contact_with_the_machine {
    background-color: #FCC644 !important;
}

.saw_product {
    background-color: #D5C74B !important;
}

.product_in_cart {
    background-color: #AEC752 !important;
}

.asked_to_pay {
    background-color: #87C859 !important;
}

.paid {
    background-color: #5FC95F !important;
}

.with_voucher {
    background-color: #38C966 !important;
}

.sale {
    background-color: #11CA6D !important;
}

.delivery_failure {
    background-color: #f35d5d !important;
}

.not_approved {
    background-color: #f35d5d !important;
}


.approved {
    background-color: #5FC95F !important;
}
.bg-gray{
    background-color: #f5f6f9 !important;
}
.progress-xl-20 {
    height: 20px;
}

.bg-gray-delivery-failure{
    background-color: #6e768e !important;
}